/*顶部导航栏样式*/
.yqt-top {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #393D49;
    width: 100%;
    height: 80px;
    z-index: 1000;
}
.yqt-top .layui-nav * {
    font-size: 16px;
}
.yqt-top .btn-signup{
    background: #05d97a;
}
.yqt-top .yqt-entry a{
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
    color: #fff;
}

/*各页面banner图样式*/
.yqt-banner {
    width: 100%;
    height: 285px;
}

/*页面内容区容器样式*/
.yqt-content {
    margin-top: 80px;
    min-height: 200px;
}
.yqt-content > div, .yqt-content .yqt-main > div {
    margin-bottom: 20px;
}

/*列表样式*/
.yqt-list-item {
    padding: 20px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #F3F3F8;
}
.yqt-list-item:hover {
    border: 1px solid #4AC0FB;
}
.yqt-list-item-title {
    font-weight: 550;
}

/*分页样式*/
.yqt-pager {
    text-align: center;
}

/*表单样式*/
.yqt-form-item {
    margin-bottom: 10px;
}

/*底栏*/
.yqt-footer {
    background: #393D49;
    /*position: fixed;*/
    /*bottom: 0;*/
    width: 100%;
}
.yqt-footer .yqt-footer-links {
    padding: 54px 100px 40px;
    color: #ffffff;
    vertical-align: top;
}
.yqt-footer-link {
    margin-right: 60px;
}
.yqt-footer-link li {
    line-height: 32px;
}
.yqt-footer a {
    color: #929392
}
.yqt-footer a:hover {
    color: #28d0e9!important;
}
.yqt-copyright {
    border-top: 1px solid #4b5054;
    height: 69px;
    color: #929392;
    text-align: center;
    line-height: 69px;
}
.yqt-footer .yqt-footer-contact {
    margin-left: 20px;
}

/*悬浮侧边栏-*/
.yqt-right-tool {
    position: fixed;
    bottom: 200px;
    right: 6px;
    width: 60px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
}
.yqt-right-tool .tool-item {
    color: #ffffff;
    margin-bottom: 1px;
    background-color: #1fe78d;
    padding: 3px 0px 4px;
    cursor: pointer;
}
.tool-item p {
    margin: 0px;
}
.yqt-right-tool .tool-item:hover {
    background-color: #06cf75;
}
.tool-item i {
    height: 32px;
    font-size: 25px;
    display: block;
    line-height: 32px;
}
.yqt-right-tool .top-item {
    height: 40px;
    margin-top: 5px;
    display: block;
    background: #f3f4f4;
    line-height: 20px;
    cursor: pointer;
    display: none;
}
.yqt-right-tool .tool-item .yqt-right-content {
    position: fixed;
    right: 66px;
    padding-right: 5px;
    color: #333333;
    text-align: left;
    display: none;
}
.yqt-right-tool .tool-item .yqt-right-content > div {
    background-color: #ffffff;
    width: 150px;
    padding: 15px 20px;
    box-shadow: 0 0 10px 0 rgba(80,90,109,.16);
}
.yqt-right-tool .tool-item:hover .yqt-right-content {
    display: block;
}
.yqt-right-tool .tool-item .yqt-right-content i {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
}
.yqt-right-content li {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}
.yqt-right-content a {
    color: #52D689;
}
.yqt-right-content a:hover {
    color: #28d0e9!important;
}
.yqt-right-content.online {
    bottom: 240px;
}
.yqt-right-content.feedback {
    bottom: 200px;
}
.yqt-right-content.weixin {
    bottom: 140px;
}
.yqt-right-content.weixin img {
    width: 100%;
}